<template>
  <div>
    <Bluetable :t-head="tHead" :t-data="tableData" />
    <pagination :total="query.total" :page.sync="query.page" :limit.sync="query.limit" @pagination="getList" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      query: {
        total: 100,
        page: 1,
        limit: 10
      },
      tHead: [
        {
          operate: ['查看模板', '编辑模板'],
          label: '操作'
        },
        {
          prop: 'date',
          label: '模板姓名'
        },
        {
          prop: 'date',
          label: '创建时间'
        },
        {
          prop: 'date',
          label: '创建人'
        }],
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '111'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '111'
      }]
    }
  },
  methods: {
    getList() {
      console.log(1)
    }
  }
}
</script>

<style>
</style>
